<!doctype html>
<html lang="en">
<head>
  <title>TEST-WORLD HOSPITAL | 后台登录</title>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
        integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  <link rel="stylesheet" href="./styles/index/styles.css">
  <style>
    body{
      background-image: url("images/login/1.png");
      background-repeat:no-repeat;
      background-size:cover;
    }
    .flex {
      margin-top: 200px;
      display: flex;
      justify-content: center;
      align-items: center;
      /* border:2px solid aquamarine; */
    }
    .login-content{
      background-color: #ffffff;
      height: 324px;
      width: 576px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top:-162px;
      margin-left:-288px;
      border:4px solid aquamarine;
    }
    .form-group{
      display: block;
      width: 50%;
      margin-top: 25px;
      margin-left: 150px;
      border: 0;
      /* padding: 10px; */
      font-size: 10px;
    }

  </style>
</head>
<body>
    <!-- 导航栏 -->
    <header class="navbar navbar-expand-lg navbar-light flex-column align-items-start flex-lg-row iheadbar py-3">
      <!-- 医院图标 -->
      <a class="navbar-brand" href="#">
        <img src="images/hospital_icon.png" alt="医院图标">
      </a>
      <!-- 导航栏内容 -->
      <div class="navbar-content flex-row justify-content-between align-items-center mt-lg-2">
        <!-- 医院名称 -->
        <a class="ititle" style="color: #2c608a;" href="#">TEST-WORLD HOSPITAL</a>
        <!-- 折叠导航栏 -->
        <button class="navbar-toggler d-lg-none" type="button" data-toggle="collapse" data-target="#top-navbar" aria-controls="top-navbar"
          aria-expanded="false" aria-label="Toggle navigation" style="height: 36px;">
          ≡
        </button>
        </div>
        <!-- 菜单 -->
        <div class="collapse navbar-collapse imenu" id="top-navbar">
          <ul class="navbar-nav mt-1 ml-auto">
            <li class="nav-item iunderline">
              <a class="nav-link mr-3" style="color: #2c608a;" href="index.html">首页</a>
            </li>
            <li class="nav-item iunderline">
              <a class="nav-link mr-3" style="color: #2c608a;" href="department.html">就诊导航</a>
            </li>
            <li class="nav-item iunderline">
              <a class="nav-link mr-3" style="color: #2c608a;" href="reservation.html">预约挂号</a>
            </li>
            <li class="nav-item iunderline">
              <a class="nav-link mr-3" style="color: #2c608a;" href="queryReport.html">报告查询</a>
            </li>
            <li class="nav-item iunderline">
              <a class="nav-link mr-3" style="color: #2c608a;" href="news.html">新闻动态</a>
            </li>
            <!-- 下拉展开的二级菜单 -->
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle mr-3" style="color: #2c608a;" href="#" id="navbar-about" data-toggle="dropdown" aria-expanded="false">
                更多
              </a>
              <div class="dropdown-menu" aria-labelledby="navbar-about">
                <a class="dropdown-item" href="#">后台管理</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="employ.html">人才招聘</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="feedback.html">意见反馈</a>
              </div>
            </li>
          </ul>
      </div>
    </header>
  <!--登录界面-->
  <div class="login flex">
    <div class="login-content">
      <div class="login-title">
        <h1 align="center"style="font-size: 30px;margin-top: 20px">后台管理系统登录</h1>
      </div>
      <div class="login-form">
        <div class="form-group">
          <label for="username">用户名</label>
          <input type="text" class="form-control" id="username" name="username" placeholder="请输入用户名">
        </div>
        <div class="form-group"style="margin-top:10px">
          <label for="password">密码</label>
          <input type="password" class="form-control" id="password" name="password" placeholder="请输入密码">
        </div>
        <button style="text-align: center;width: 40%;margin-left: 175px" type="submit" class="btn btn-primary btn-block" onclick="window.location.href = 'http://47.108.154.180:8080/'">登录</button>
      </div>
    </div>
  </div>
<script>
function login(){
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if(username=="username" && password=="password"){
window.location = "http://47.108.154.180:8080/";
return false;
}
else{
window.location.href= "login.html";
return false;
}
}
</script>


<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
        crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
        integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
        crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
        integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
        crossorigin="anonymous"></script>
</body>
</html>
